<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MyWeb</title>


    <!--STYLESHEET-->
    <!--=================================================-->

    <!--Open Sans Font [ OPTIONAL ]-->
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>


    <!--Bootstrap Stylesheet [ REQUIRED ]-->
    <link href="css/bootstrap.min.css" rel="stylesheet" th:href="@{css/bootstrap.min.css}">


    <!--Nifty Stylesheet [ REQUIRED ]-->
    <link href="css/nifty.min.css" rel="stylesheet" th:href="@{css/nifty.min.css}">


    <!--Nifty Premium Icon [ DEMONSTRATION ]-->
    <link href="css/demo/nifty-demo-icons.min.css" rel="stylesheet" th:href="@{css/demo/nifty-demo-icons.min.css}">


    <!--Demo [ DEMONSTRATION ]-->
    <link href="css/demo/nifty-demo.min.css" rel="stylesheet" th:href="@{css/demo/nifty-demo.min.css}">


    <!--Morris.js [ OPTIONAL ]-->
    <link href="plugins/morris-js/morris.min.css" rel="stylesheet" th:href="@{plugins/morris-js/morris.min.css}">

    <!--Magic Checkbox [ OPTIONAL ]-->
    <link href="plugins/magic-check/css/magic-check.min.css" rel="stylesheet" th:href="@{plugins/magic-check/css/magic-check.min.css}">





    <!--JAVASCRIPT-->
    <!--=================================================-->

    <!--Pace - Page Load Progress Par [OPTIONAL]-->
    <link href="plugins/pace/pace.min.css" rel="stylesheet" th:href="@{plugins/pace/pace.min.css}">
    <script src="plugins/pace/pace.min.js" th:src="@{plugins/pace/pace.min.js}"></script>


    <!--jQuery [ REQUIRED ]-->
    <script src="js/jquery-2.2.4.min.js" th:src="@{js/jquery-2.2.4.min.js}"></script>


    <!--BootstrapJS [ RECOMMENDED ]-->
    <script src="js/bootstrap.min.js" th:src="@{js/bootstrap.min.js}"></script>


    <!--NiftyJS [ RECOMMENDED ]-->
    <script src="js/nifty.min.js" th:src="@{js/nifty.min.js}"></script>






    <!--=================================================-->

    <!--Demo script [ DEMONSTRATION ]-->
    <script src="js/demo/nifty-demo.min.js" th:src="@{js/demo/nifty-demo.min.js}"></script>


    <!--Morris.js [ OPTIONAL ]-->
    <script src="plugins/morris-js/morris.min.js" th:src="@{plugins/morris-js/morris.min.js}"></script>
    <script src="plugins/morris-js/raphael-js/raphael.min.js" th:src="@{plugins/morris-js/raphael-js/raphael.min.js}"></script>


    <!--Sparkline [ OPTIONAL ]-->
    <script src="plugins/sparkline/jquery.sparkline.min.js" th:src="@{plugins/sparkline/jquery.sparkline.min.js}"></script>


    <!--Specify page [ SAMPLE ]-->
    <script src="js/demo/dashboard.js" th:src="@{js/demo/dashboard.js}"></script>


</head>
<!--TIPS-->
<!--You may remove all ID or Class names which contain "demo-", they are only used for demonstration. -->
<body>
    <div id="container" class="effect aside-float aside-bright mainnav-lg">

        <!--NAVBAR-->
        <!--===================================================-->
        <header th:replace="common :: headerNavbar"></header>
        <!--===================================================-->
        <!--END NAVBAR-->

        <div class="boxed">

            <!--CONTENT CONTAINER-->
            <!--===================================================-->
            <div id="content-container">

                <!--Page Title-->
                <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                <div id="page-title">
                    <h1 class="page-header text-overflow">Dashboard</h1>

                    <!--Searchbox-->
                    <div class="searchbox">
                        <div class="input-group custom-search-form">
                            <input type="text" class="form-control" placeholder="Search..">
                            <span class="input-group-btn">
                                    <button class="text-muted" type="button"><i class="demo-pli-magnifi-glass"></i></button>
                                </span>
                        </div>
                    </div>
                </div>
                <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                <!--End page title-->

                <!--Page content-->
                <!--===================================================-->
                <div id="page-content">

                    <div class="row">
                        <div class="col-lg-7">

                            <!--Network Line Chart-->
                            <!--===================================================-->
                            <div id="demo-panel-network" class="panel">
                                <div class="panel-heading">
                                    <div class="panel-control">
                                        <button id="demo-panel-network-refresh" data-toggle="panel-overlay" data-target="#demo-panel-network" class="btn"><i class="demo-pli-repeat-2 icon-lg"></i></button>
                                        <div class="btn-group">
                                            <button class="dropdown-toggle btn" data-toggle="dropdown" aria-expanded="false"><i class="demo-pli-gear icon-lg"></i></button>
                                            <ul class="dropdown-menu dropdown-menu-right">
                                                <li><a href="#">Action</a></li>
                                                <li><a href="#">Another action</a></li>
                                                <li><a href="#">Something else here</a></li>
                                                <li class="divider"></li>
                                                <li><a href="#">Separated link</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <h3 class="panel-title">Network</h3>
                                </div>

                                <!--Morris line chart placeholder-->
                                <div id="morris-chart-network" class="morris-full-content"></div>

                                <!--Chart information-->
                                <div class="panel-body">
                                    <div class="row pad-top">
                                        <div class="col-lg-8">
                                            <div class="media">
                                                <div class="media-left">
                                                    <div class="media">
                                                        <p class="text-semibold text-main">Temperature</p>
                                                        <div class="media-left pad-no">
                                                                <span class="text-2x text-semibold text-nowrap text-main">
                                                                    <i class="demo-pli-temperature"></i> 43.7
                                                                </span>
                                                        </div>
                                                        <div class="media-body">
                                                            <p class="mar-no">°C</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="media-body pad-lft">
                                                    <div class="pad-btm">
                                                        <p class="text-semibold text-main mar-no">Today Tips</p>
                                                        <small>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.</small>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-lg-4">
                                            <p class="text-semibold text-main">Bandwidth Usage</p>
                                            <ul class="list-unstyled">
                                                <li>
                                                    <div class="media">
                                                        <div class="media-left">
                                                            <span class="text-2x text-semibold text-main">75.9</span>
                                                        </div>
                                                        <div class="media-body">
                                                            <p class="mar-no">Mbps</p>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="clearfix">
                                                        <p class="pull-left mar-no">Outcome</p>
                                                        <p class="pull-right mar-no">75%</p>
                                                    </div>
                                                    <div class="progress progress-xs">
                                                        <div class="progress-bar progress-bar-info" style="width: 75%;">
                                                            <span class="sr-only">75%</span>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>


                            </div>
                            <!--===================================================-->
                            <!--End network line chart-->

                        </div>
                        <div class="col-lg-5">
                            <div class="row">
                                <div class="col-sm-6 col-lg-6">

                                    <!--Sparkline Area Chart-->
                                    <div class="panel panel-success panel-colorful">
                                        <div class="pad-all">
                                            <p class="text-lg text-semibold"><i class="demo-pli-data-storage icon-fw"></i> HDD Usage</p>
                                            <p class="mar-no">
                                                <span class="pull-right text-bold">132Gb</span>
                                                Free Space
                                            </p>
                                            <p class="mar-no">
                                                <span class="pull-right text-bold">1,45Gb</span>
                                                Used space
                                            </p>
                                        </div>
                                        <div class="pad-all text-center">
                                            <!--Placeholder-->
                                            <div id="demo-sparkline-area"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6 col-lg-6">

                                    <!--Sparkline Line Chart-->
                                    <div class="panel panel-info panel-colorful">
                                        <div class="pad-all">
                                            <p class="text-lg text-semibold"><i class="demo-pli-wallet-2 icon-fw"></i> Earning</p>
                                            <p class="mar-no">
                                                <span class="pull-right text-bold">$764</span>
                                                Today
                                            </p>
                                            <p class="mar-no">
                                                <span class="pull-right text-bold">$1,332</span>
                                                Last 7 Day
                                            </p>
                                        </div>
                                        <div class="pad-all text-center">

                                            <!--Placeholder-->
                                            <div id="demo-sparkline-line"></div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-6 col-lg-6">

                                    <!--Sparkline bar chart -->
                                    <div class="panel panel-purple panel-colorful">
                                        <div class="pad-all">
                                            <p class="text-lg text-semibold"><i class="demo-pli-bag-coins icon-fw"></i> Sales</p>
                                            <p class="mar-no">
                                                <span class="pull-right text-bold">$764</span>
                                                Today
                                            </p>
                                            <p class="mar-no">
                                                <span class="pull-right text-bold">$1,332</span>
                                                Last 7 Day
                                            </p>
                                        </div>
                                        <div class="pad-all text-center">

                                            <!--Placeholder-->
                                            <div id="demo-sparkline-bar" class="box-inline"></div>

                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6 col-lg-6">

                                    <!--Sparkline pie chart -->
                                    <div class="panel panel-warning panel-colorful">
                                        <div class="pad-all">
                                            <p class="text-lg text-semibold"><i class="demo-pli-check icon-fw"></i> Task Progress</p>
                                            <p class="mar-no">
                                                <span class="pull-right text-bold">34</span>
                                                Completed
                                            </p>
                                            <p class="mar-no">
                                                <span class="pull-right text-bold">79</span>
                                                Total
                                            </p>
                                        </div>
                                        <div class="pad-all">
                                            <ul class="list-group list-unstyled">
                                                <li class="mar-btm">
                                                    <span class="label label-warning pull-right">15%</span>
                                                    <p>Progress</p>
                                                    <div class="progress progress-md">
                                                        <div style="width: 15%;" class="progress-bar progress-bar-light">
                                                            <span class="sr-only">15%</span>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-lg-4">
                            <!--List Todo-->
                            <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                            <div class="panel panel-trans">
                                <div class="panel-heading">
                                    <h3 class="panel-title">To do list</h3>
                                </div>
                                <div class="pad-ver">
                                    <ul class="list-group bg-trans list-todo mar-no">
                                        <li class="list-group-item">
                                            <input id="demo-todolist-1" class="magic-checkbox" type="checkbox">
                                            <label for="demo-todolist-1"><span>Find an idea. <span class="label label-danger">Important</span></span></label>
                                        </li>
                                        <li class="list-group-item">
                                            <input id="demo-todolist-2" class="magic-checkbox" type="checkbox" checked>
                                            <label for="demo-todolist-2"><span>Do some work</span></label>
                                        </li>
                                        <li class="list-group-item">
                                            <input id="demo-todolist-3" class="magic-checkbox" type="checkbox">
                                            <label for="demo-todolist-3"><span>Read the book</span></label>
                                        </li>
                                        <li class="list-group-item">
                                            <input id="demo-todolist-4" class="magic-checkbox" type="checkbox">
                                            <label for="demo-todolist-4"><span>Upgrade server <span class="label label-warning">Warning</span></span></label>
                                        </li>
                                        <li class="list-group-item">
                                            <input id="demo-todolist-5" class="magic-checkbox" type="checkbox" checked>
                                            <label for="demo-todolist-5"><span>Redesign my logo <span class="label label-info">2 Mins</span></span></label>
                                        </li>
                                    </ul>
                                </div>
                                <div class="input-group pad-all">
                                    <input type="text" class="form-control" placeholder="New task" autocomplete="off">
                                    <span class="input-group-btn">
                                            <button type="button" class="btn btn-success"><i class="demo-pli-add"></i></button>
                                        </span>
                                </div>
                            </div>
                            <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                            <!--End todo list-->
                        </div>
                        <div class="col-lg-4">
                            <div class="panel panel-trans">
                                <div class="panel-heading">
                                    <div class="panel-control">
                                        <a title="" data-html="true" data-container="body" data-original-title="&lt;p class='h4 text-semibold'&gt;Information&lt;/p&gt;&lt;p style='width:150px'&gt;This is an information bubble to help the user.&lt;/p&gt;" href="#" class="demo-psi-information icon-lg icon-fw unselectable text-info add-tooltip"></a>
                                    </div>
                                    <h3 class="panel-title">Services</h3>
                                </div>
                                <div class="bord-btm">
                                    <ul class="list-group bg-trans">
                                        <li class="list-group-item">
                                            <div class="pull-right">
                                                <input id="demo-online-status-checkbox" class="toggle-switch" type="checkbox" checked>
                                                <label for="demo-online-status-checkbox"></label>
                                            </div>
                                            Online status
                                        </li>
                                        <li class="list-group-item">
                                            <div class="pull-right">
                                                <input id="demo-show-off-contact-checkbox" class="toggle-switch" type="checkbox" checked>
                                                <label for="demo-show-off-contact-checkbox"></label>
                                            </div>
                                            Show offline contact
                                        </li>
                                        <li class="list-group-item">
                                            <div class="pull-right">
                                                <input id="demo-show-device-checkbox" class="toggle-switch" type="checkbox">
                                                <label for="demo-show-device-checkbox"></label>
                                            </div>
                                            Show my device icon
                                        </li>
                                    </ul>
                                </div>
                                <div class="panel-body">
                                    <div class="pad-btm">
                                        <p class="text-semibold text-main">Upgrade Progress</p>
                                        <div class="progress progress-sm">
                                            <div class="progress-bar progress-bar-purple" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100" style="width: 15%;" role="progressbar">
                                                <span class="sr-only">15%</span>
                                            </div>
                                        </div>
                                        <small>15% Completed</small>
                                    </div>
                                    <div class="pad-btm">
                                        <p class="text-semibold text-main">Database</p>
                                        <div class="progress progress-sm">
                                            <div class="progress-bar progress-bar-success" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;" role="progressbar">
                                                <span class="sr-only">70%</span>
                                            </div>
                                        </div>
                                        <small>70% Completed</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class='col-lg-4'>
                            <div class="panel panel-trans">
                                <div class="pad-all">
                                    <div class="media mar-btm">
                                        <div class="media-left">
                                            <img src="img//profile-photos/2.png" class="img-md img-circle" alt="Avatar">
                                        </div>
                                        <div class="media-body">
                                            <p class="text-lg text-main text-semibold mar-no">Ralph West</p>
                                            <p>Project manager</p>
                                        </div>
                                    </div>
                                    <blockquote class="bq-sm bq-open bq-close">Lorem ipsum dolor sit amet, consecte tuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</blockquote>
                                </div>

                                <div class="bord-top">
                                    <ul class="list-group bg-trans bord-no">
                                        <li class="list-group-item list-item-sm">
                                            <div class="media-left">
                                                <i class="demo-psi-facebook icon-lg"></i>
                                            </div>
                                            <div class="media-body">
                                                <a href="#" class="btn-link text-semibold">Facebook</a>
                                            </div>
                                        </li>
                                        <li class="list-group-item list-item-sm">
                                            <div class="media-left">
                                                <i class="demo-psi-twitter icon-lg"></i>
                                            </div>
                                            <div class="media-body">
                                                <a href="#" class="btn-link text-semibold">@RalphWe</a>
                                                <br>
                                                Design my themes with <a href="#" class="btn-link text-bold">#Bootstrap</a> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
                                            </div>
                                        </li>
                                        <li class="list-group-item list-item-sm">
                                            <div class="media-left">
                                                <i class="demo-psi-instagram icon-lg"></i>
                                            </div>
                                            <div class="media-body">
                                                <a href="#" class="btn-link text-semibold">Ralphz</a>
                                            </div>
                                        </li>
                                        <li class="list-group-item list-item-sm">
                                            <div class="media-body">

                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-xs-12">
                            <div class="panel">
                                <div class="panel-heading">
                                    <h3 class="panel-title">Order Status</h3>
                                </div>

                                <!--Data Table-->
                                <!--===================================================-->
                                <div class="panel-body">
                                    <div class="pad-btm form-inline">
                                        <div class="row">
                                            <div class="col-sm-6 table-toolbar-left">
                                                <button class="btn btn-purple"><i class="demo-pli-add icon-fw"></i>Add</button>
                                                <button class="btn btn-default"><i class="demo-pli-printer"></i></button>
                                                <div class="btn-group">
                                                    <button class="btn btn-default"><i class="demo-pli-information"></i></button>
                                                    <button class="btn btn-default"><i class="demo-pli-recycling"></i></button>
                                                </div>
                                            </div>
                                            <div class="col-sm-6 table-toolbar-right">
                                                <div class="form-group">
                                                    <input type="text" autocomplete="off" class="form-control" placeholder="Search" id="demo-input-search2">
                                                </div>
                                                <div class="btn-group">
                                                    <button class="btn btn-default"><i class="demo-pli-download-from-cloud"></i></button>
                                                    <div class="btn-group">
                                                        <button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                                                            <i class="demo-pli-gear"></i>
                                                            <span class="caret"></span>
                                                        </button>
                                                        <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                                            <li><a href="#">Action</a></li>
                                                            <li><a href="#">Another action</a></li>
                                                            <li><a href="#">Something else here</a></li>
                                                            <li class="divider"></li>
                                                            <li><a href="#">Separated link</a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="table-responsive">
                                        <table class="table table-striped">
                                            <thead>
                                            <tr>
                                                <th>Invoice</th>
                                                <th>User</th>
                                                <th>Order date</th>
                                                <th>Amount</th>
                                                <th class="text-center">Status</th>
                                                <th class="text-center">Tracking Number</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr>
                                                <td><a href="#" class="btn-link"> Order #53431</a></td>
                                                <td>Steve N. Horton</td>
                                                <td><span class="text-muted"><i class="fa fa-clock-o"></i> Oct 22, 2014</span></td>
                                                <td>$45.00</td>
                                                <td class="text-center">
                                                    <div class="label label-table label-success">Paid</div>
                                                </td>
                                                <td class="text-center">-</td>
                                            </tr>
                                            <tr>
                                                <td><a href="#" class="btn-link"> Order #53432</a></td>
                                                <td>Charles S Boyle</td>
                                                <td><span class="text-muted"><i class="fa fa-clock-o"></i> Oct 24, 2014</span></td>
                                                <td>$245.30</td>
                                                <td class="text-center">
                                                    <div class="label label-table label-info">Shipped</div>
                                                </td>
                                                <td class="text-center"><i class="fa fa-plane"></i> CGX0089734531</td>
                                            </tr>
                                            <tr>
                                                <td><a href="#" class="btn-link"> Order #53433</a></td>
                                                <td>Lucy Doe</td>
                                                <td><span class="text-muted"><i class="fa fa-clock-o"></i> Oct 24, 2014</span></td>
                                                <td>$38.00</td>
                                                <td class="text-center">
                                                    <div class="label label-table label-info">Shipped</div>
                                                </td>
                                                <td class="text-center"><i class="fa fa-plane"></i> CGX0089934571</td>
                                            </tr>
                                            <tr>
                                                <td><a href="#" class="btn-link"> Order #53434</a></td>
                                                <td>Teresa L. Doe</td>
                                                <td><span class="text-muted"><i class="fa fa-clock-o"></i> Oct 15, 2014</span></td>
                                                <td>$77.99</td>
                                                <td class="text-center">
                                                    <div class="label label-table label-info">Shipped</div>
                                                </td>
                                                <td class="text-center"><i class="fa fa-plane"></i> CGX0089734574</td>
                                            </tr>
                                            <tr>
                                                <td><a href="#" class="btn-link"> Order #53435</a></td>
                                                <td>Teresa L. Doe</td>
                                                <td><span class="text-muted"><i class="fa fa-clock-o"></i> Oct 12, 2014</span></td>
                                                <td>$18.00</td>
                                                <td class="text-center">
                                                    <div class="label label-table label-success">Paid</div>
                                                </td>
                                                <td class="text-center">-</td>
                                            </tr>
                                            <tr>
                                                <td><a href="#" class="btn-link">Order #53437</a></td>
                                                <td>Charles S Boyle</td>
                                                <td><span class="text-muted"><i class="fa fa-clock-o"></i> Oct 17, 2014</span></td>
                                                <td>$658.00</td>
                                                <td class="text-center">
                                                    <div class="label label-table label-danger">Refunded</div>
                                                </td>
                                                <td class="text-center">-</td>
                                            </tr>
                                            <tr>
                                                <td><a href="#" class="btn-link">Order #536584</a></td>
                                                <td>Scott S. Calabrese</td>
                                                <td><span class="text-muted"><i class="fa fa-clock-o"></i> Oct 19, 2014</span></td>
                                                <td>$45.58</td>
                                                <td class="text-center">
                                                    <div class="label label-table label-warning">Unpaid</div>
                                                </td>
                                                <td class="text-center">-</td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <hr>
                                    <div class="pull-right">
                                        <ul class="pagination text-nowrap mar-no">
                                            <li class="page-pre disabled">
                                                <a href="#">&lt;</a>
                                            </li>
                                            <li class="page-number active">
                                                <span>1</span>
                                            </li>
                                            <li class="page-number">
                                                <a href="#">2</a>
                                            </li>
                                            <li class="page-number">
                                                <a href="#">3</a>
                                            </li>
                                            <li>
                                                <span>...</span>
                                            </li>
                                            <li class="page-number">
                                                <a href="#">9</a>
                                            </li>
                                            <li class="page-next">
                                                <a href="#">&gt;</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <!--===================================================-->
                                <!--End Data Table-->

                            </div>
                        </div>
                    </div>



                </div>
                <!--===================================================-->
                <!--End page content-->


            </div>
            <!--===================================================-->
            <!--END CONTENT CONTAINER-->



            <!--ASIDE-->
            <!--===================================================-->
            <aside th:replace="common :: aside-container"></aside>
            <!--===================================================-->
            <!--END ASIDE-->


            <!--MAIN NAVIGATION-->
            <!--===================================================-->
            <nav th:replace="common :: mainnav-container"></nav>
            <!--===================================================-->
            <!--END MAIN NAVIGATION-->

        </div>



        <!-- FOOTER -->
        <!--===================================================-->
        <footer th:replace="common :: footer"></footer>
        <!--===================================================-->
        <!-- END FOOTER -->


        <!-- SCROLL PAGE BUTTON -->
        <!--===================================================-->
        <button class="scroll-top btn">
            <i class="pci-chevron chevron-up"></i>
        </button>
        <!--===================================================-->



    </div>
    <!--===================================================-->
    <!-- END OF CONTAINER -->


    
   <div th:replace="common :: commonContainer"></div>


</body>
</html>
